@charset "utf-8"; /***** Common *****/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select
	{
	margin: 0;
	padding: 0
}

body,input,textarea,select,button,table {
	font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;
	font-size: 12px;
	color: #333
}

table {
	border-collapse: collapse
} /* td 공백시에도 스타일(border..) 적용 */
img,fieldset {
	border: 0
}

legend,caption {
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0
}

ul,ol {
	list-style: none
}

address {
	font-style: normal
}

a {
	text-decoration: none;
	color: #333;
	outline: 0
}

a:hover,a:active,a:focus {
	text-decoration: none
}

html {
	height: 100%
}

input {
	height: 21px;
	line-height: 21px;
	ime-mode: active
}

.input_txt {
	border: 1px solid #ccc;
	height: 18px;
	padding: 2px 3px;
	padding-top: 3px
}

.fl {
	float: left
}

.fr {
	float: right
}

/***** Layout *****/
#wrap {
	position: relative;
	min-width: 1000px;
	margin: 0 auto;
	padding: 0px 20px;
}

#wrap_menu {
	position: relative;
	min-width: 1000px;
	margin: 0 auto;
	padding: 0px 20px;
	background: url(../images/main/bg_header.gif) 0 0px repeat-x
}

#wrap_organ {
	float: left;
	position: relative;
	min-width: 200px;
	width: 100%;
	margin: 0 0 0 5px;
	padding: 0;
}

#header {
	overflow: hidden;
	height: 58px;
	*display: inline-block;
	_width /**/: 100%;
	padding-left: 220px
}

#container {
	*display: inline-block;
	_width /**/: 100%;
	padding-left: 220px
}

#header_organ {
	overflow: hidden;
	width: 200px;
	height: 48px;
	padding: 5px 0 5px 0;
	margin-bottom: 10px;
	*display: inline-block;
	_width /**/: 100%
}

#container:after {
	display: block;
	clear: both;
	content: ''
}

.toolbar {
	float: left;
	position: relative;
	left: -220px;
	width: 200px;
	height: 768px;
	margin-right: -200px
}

#tl_area {
	*display: inline-block;
	_width /**/: 100%
}

.communicator {
	float: left;
	position: relative;
	width: 200px;
}
/*.communicator{float:left;position:relative;left:210px;width:200px;margin-left:-200px}*/

/***** Header *****/
#header h1 {
	display: block;
	float: left;
	position: relative;
	left: -220px;
	width: 200px;
	height: 57px;
	padding: 0px;
	padding-right: 19px;
	margin-right: -220px;
	text-align: center;
	border-right: 1px solid #999
}

#header h1 a {
	display: block;
	overflow: hidden;
	width: 200px;
	height: 57px
}

.nav_area {
	width: 100%;
	height: 57px;
	padding-bottom: 10px;
}

/*add*/

.menu_area {float:left;overflow:hidden;position:relative;height:57px;}

/*add*/

.menu {
	float: left;
	text-align: center;
	border-right: 1px solid #f5f5f5;
	overflow:hidden;
	position:absolute;
}

.menu.link li a,.menu.link li a:hover,.menu.link li a.menu_on {
	min-width: 46px;
	letter-spacing: -1px;
	padding: 0 2px;
}

.menu.link li a:hover,.menu.link li a.menu_on {
	padding: 0 2px 0 3px;
}

.menu li {
	float: left;
	position: relative;
	overflow: hidden;
	height: 57px;
	font-weight: bold; /*text-shadow:1px 1px 2px #aaa*/
}

.menu li:first-child {
	margin-left: 0
}

.menu li a {
	display: block;
	position: relative;
	min-width: 46px;
	height: 57px;
	padding: 0 2px;
	font-size: 12px;
	font-weight: bold;
	line-height: 57px;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #aaa;
	color: #555;
	font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;
}

.menu li a:hover,.menu li a.menu_on {
	border-left: 0;
	min-width: 46px;
	padding: 0 2px;
	padding-left: 3px;
	background: url(../images/main/bg_menu.gif) top repeat-x;
	color: #222;
	text-shadow: 1px 1px 2px #aaa
}

.menu li a span {
	display: block;
	float: left;
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0;
	bottom: 0;
	font-size: 0;
	line-height: 0;
	border-top: 1px solid #ddd
}

.menu li a.menu_on span {
	height: 6px
}

.menu li a .yellow {
	background-color: #ffc425
}

.menu li a .skyblue {
	background-color: #009ed6
}

.menu li a .orange {
	background-color: #ee772d
}

.menu li a .red {
	background-color: #d1452e
}

.menu_right {
	top: 0;
	right: 0;
	position: absolute;
	float: right;
	padding-right: 15px;
}

.menu_link {
	float: left;
	margin-right: 10px;
	border-left: 1px solid #999;
	border-right: 1px solid #f5f5f5;
	text-align: center;
}

.menu_link a {
	display: block;
	position: relative;
	float: left;
	min-width: 46px;
	height: 57px;
	padding: 0 2px;
	font-size: 12px;
	font-weight: bold;
	line-height: 57px;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #aaa;
	color: #555;
	font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;
}

.menu_link a:hover {
	border-left: 0;
	min-width: 46px;
	padding: 0 2px;
	padding-left: 3px;
	background: url(../images/main/bg_menu.gif) top repeat-x;
	color: #222;
	text-shadow: 1px 1px 2px #aaa
}

.menu li.menu_more {
	width: 20px;
	min-width: 20px;
	height: 56px;
	border: 0;
	padding: 0;
	background-color: #576eaf;
	-moz-border-radius: 5px;
	border-radius: 0 5px 5px 0;
	cursor: pointer
}

.menu li.menu_more .arr_unfd {
	display: block;
	width: 0;
	height: 0;
	border-top: 13px solid #576eaf;
	border-bottom: 13px solid #576eaf;
	border-left: 6px solid #fff;
	margin: 0 auto;
	margin-top: 14px
}

.menu li.menu_more .arr_fd {
	display: block;
	width: 0;
	height: 0;
	border-top: 13px solid #576eaf;
	border-bottom: 13px solid #576eaf;
	border-right: 6px solid #fff;
	margin: 0 auto;
	margin-top: 14px
}

/***** Toolbar *****/
.toolbar h2 {
	width: 198px;
	height: 26px;
	padding-left: 2px;
	font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;
	font-size: 15px
}

.toolbar h2 a {
	display: block;
	width: 100%;
	height: 16px;
	padding: 5px 0;
	background: url(../images/main/arr_acco_single.gif) no-repeat;
	color: #555
}

/* Counting */
.communicator h2 {
	height: 26px;
	margin-left: 5px;
	font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;
	font-size: 15px
}

.communicator h2 a {
	display: block;
	width: 100%;
	height: 16px;
	padding: 5px 0;
	background: url(../images/main/arr_acco_single.gif) no-repeat;
	color: #555
}

.count_open {
	width: 100%;
	border-top: 2px solid #555;
	padding-bottom: 5px
}

.count_clse {
	width: 100%;
	border-top: 2px solid #555
}

.count_open .acco_arr {
	background-position: 100% 0%
}

.count_clse .acco_arr {
	background-position: 100% 100%
}

.section {
	position: relative;
	padding: 4px 0;
	border-top: 1px solid #d5d5d5;
	margin: 0 2px
}

.section:first-child {
	border-top: 0
}

.section ul {
	min-height: 20px;
	padding-left: 60px;
	background: url(../images/main/h_count.gif) 10px 0 no-repeat
}

.section a {
	display: block;
	overflow: hidden;
	font-size: 11px;
	padding-top: 1px;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 14px
}

.section a:hover {
	background-color: #eee
}

.section a span {
	margin-right: 5px
}

.sect_h {
	display: block;
	width: 50px;
	height: auto;
	position: absolute;
	left: 0px;
	top: 6px;
	font-size: 11px
}

/* User info */
.user_info {
	position: relative;
	width: 100%;
	height: 45px;
	padding: 1px 0;
	border-top: 2px solid #555
}

.user_info select {
	width: 170px;
	height: 45px;
}

.user_info span {
	display: block;
	float: left;
	overflow: hidden
}

.my_pic {
	width: 37px;
	height: 45px;
	background: url(../images/main/img_nomypic.gif) 0 0 no-repeat
}

.my_pic img {
	width: 37px;
	height: 45px
}

.my_info {
	width: 134px;
	height: 41px;
	margin: 2px
}

.info_config {
	float: right;
	width: 23px;
	height: 39px;
	margin-top: 2px;
	text-align: center;
	background-color: #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ddd
}

.info_config img {
	margin-top: 11px;
	filter: alpha(opacity =   50);
	opacity: 0.5;
	-moz-opacity: 0.5; /*파폭 old version*/
	-khtml-opacity: 0.5
}

.info_config:hover {
	background-color: #ccc;
	border-top: 1px solid #aaa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #aaa
}

.info_config:hover img {
	filter: alpha(opacity =   80);
	opacity: 0.8;
	-moz-opacity: 0.8; /*파폭 old version*/
	-khtml-opacity: 0.8
}

/* Toolbar list */
.tlbar_lst {
	margin: 0 2px;
	margin-top: 5px;
	border-top: 1px solid #ccc
}

.tlbar_lst li {
	display: block;
	overflow: hidden;
	height: 22px;
	line-height: 24px;
	border-top: 1px dotted #ccc
}

.tlbar_lst li:first-child {
	border: 0
}

.tlbar_lst a {
	display: block;
	overflow: hidden;
	height: 22px;
	line-height: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	letter-spacing: -.02em
}

.tlbar_lst a:hover,.tlbar_lst li:hover {
	background-color: #eee
}

.tlbar_lst li.sched_add a {
	color: gray;
	cursor: pointer;
}

.tlbar_lst li.sched_add a .text {
	display: none;
}

.tlbar_lst li.sched_add a:hover .text {
	display: block;
}

.time {
	font-size: 11px;
	margin-right: 5px
}

/* Schedule */
.sched_open {
	width: 100%;
	border-top: 2px solid #555;
	padding-bottom: 5px
}

.sched_clse {
	width: 100%;
	border-top: 2px solid #555
}

.sched_open .acco_arr {
	background-position: 100% 0%
}

.sched_clse .acco_arr {
	background-position: 100% 100%
}

.calendar {
	width: 196px;
	margin: 0 2px;
	background-color: #fff;
	text-align: center;
	font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;
	table-layout: fixed
}

.calendar th {
	height: 20px;
	border-bottom: 1px solid #ccc;
	font-size: 11px
}

.calendar td {
	height: 27px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size: 11px
}

.calendar td:first-child {
	border-left: 0
}

.calendar td a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	line-height: 27px
}

.calendar td a:hover {
	background-color: #ccc;
	color: #fff
}

.calendar thead td {
	height: 18px;
	padding-bottom: 2px;
	line-height: 18px;
	font-size: 12px;
	border: 0
}

.calendar thead td strong {
	display: inline-block;
	font-size: 13px
}

.calendar thead a {
	line-height: 0
}

.calendar thead a img {
	margin: 0 5px;
	margin-top: 3px
}

.calendar thead a:hover {
	background-color: #fff
}

.calendar tbody td a:hover {
	cursor: pointer
}

.calendar thead .holisun:hover {
	background-color: #fff;
	color: #f00
}

.calendar .schd {
	background: url(../images/main/bul_schd_point.gif) 55% -65px no-repeat
}

.calendar .schd:hover,.calendar .other .schd:hover,.calendar .holisun.schd:hover,.calendar .other .holisun.schd:hover
	{
	background: url(../images/main/bul_schd_point.gif) 55% -5px no-repeat #ccc;
	color: #fff
}

.calendar .holisun {
	color: #f00
}

.calendar .holisun.schd {
	background-position: 55% -95px
}

.calendar .holisun:hover {
	background-color: #ccc;
	color: #fff
}

.calendar .other a {
	color: #ccc
}

.calendar .other .schd {
	background-position: 55% -125px
}

.calendar .other .holisun {
	color: #ebb
}

.calendar .other .holisun:hover {
	background-color: #ccc;
	color: #fff
}

.calendar .other .holisun.schd {
	background-position: 55% -155px
}

.calendar .day_on .schd,.calendar .day_on .schd:hover,.calendar .day_on .holisun.schd:hover
	{
	background: url(../images/main/bul_schd_point.gif) 55% -35px no-repeat #888
}

.calendar .day_on a,.calendar .day_on a:hover,.calendar .day_on .holisun
	{
	background-color: #888;
	color: #fff;
}

.calendar .today .schd,.calendar .today .schd:hover,.calendar .today .holisun.schd:hover
	{
	background: url(../images/main/bul_schd_point.gif) 55% -5px no-repeat #ccc
}

.calendar .today a,.calendar .today a:hover,.calendar .today .holisun {
	background-color: #ccc;
	color: #fff;
}

/* To do */
.todo_open {
	width: 100%;
	border-top: 2px solid #555;
	padding-bottom: 5px
}

.todo_open:after {
	display: block;
	clear: both;
	content: ''
}

.todo_clse {
	width: 100%;
	border-top: 2px solid #555
}

.todo_clse .input_txt {
	width: 188px;
	margin-left: 2px;
}

.todo_open .acco_arr {
	background-position: 100% 0%
}

.todo_clse .acco_arr {
	background-position: 100% 100%
}

.todo_open .input_txt {
	width: 188px;
	margin-left: 2px;
}

.todo_open .tlbar_lst li {
	width: 100%;
	clear: both
}

.todo_open .tlbar_lst a {
	display: block;
	float: left;
	width: 175px;
	overflow: hidden;
	height: 22px;
	line-height: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	letter-spacing: -.02em
}

.tlbar_lst a.lst_out {
	width: 21px;
	background: url(../images/main/btn_lstout.gif) 1px 0 no-repeat
}

.tlbar_lst a.lst_out:hover {
	background-position: 1px 100%
}

.tlbar_lst a.high {
	color: #f00
}

.tlbar_lst a.low {
	color: #008000
}

/* Notice */
.noti_open {
	width: 100%;
	border-top: 2px solid #555;
	padding-bottom: 5px
}

.noti_clse {
	width: 100%;
	border-top: 2px solid #555
}

.noti_open .acco_arr {
	background-position: 100% 0%
}

.noti_clse .acco_arr {
	background-position: 100% 100%
}

/* Poll */
.poll_open {
	width: 100%;
	border-top: 2px solid #555;
	padding-bottom: 5px
}

.poll_clse {
	width: 100%;
	border-top: 2px solid #555
}

.poll_open .acco_arr {
	background-position: 100% 0%
}

.poll_clse .acco_arr {
	background-position: 100% 100%
}

/***** Shared Noticy *****/
.tl_notice_box {
	_width /**/: 100%;
	/*border-top: 2px solid #555;*/
	padding-top: 10px;
	margin-bottom: 10px;
}

/***** My Schedul *****/
.schedule_box {
	*display: inline-block;
	_width /**/: 100%;
	/*border-top: 2px solid #555;*/
	padding-top: 3px;
	margin-bottom: 10px;
}

.schedule_box  h2 {
	padding-left: 5px;
	padding-bottom: 5px;
	font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;
	font-size: 15px;
	color: #555;
}

.schedule_box  h2 a {
	padding-left: 5px;
	padding-bottom: 5px;
	font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;
	font-size: 15px;
	color: #555;
}
/***** Approval *****/
.approval_box {
	*display: inline-block;
	_width /**/: 100%;
	border-top: 2px solid #555;
	padding-top: 10px;
	margin-bottom: 10px;
}

.approval_box  h2 {
	padding-left: 5px;
	padding-bottom: 5px;
	font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;
	font-size: 15px;
	color: #555;
}

/***** Timeline *****/
.tl_box {
	*display: inline-block;
	_width /**/: 100%;
	height: 768px;
	border-top: 2px solid #555;
	padding-top: 10px
}

.tl_box:after {
	display: block;
	clear: both;
	content: ''
}

.tl_work_box {
	display: inline-block;
	float: left;
	width: 50%
}

.tl_work {
	/*margin-right: 10px*/
	
}

.tl_work li {
	display: block;
	position: relative;
	margin-top: 10px;
	padding: 10px;
	padding-top: 5px;
	border: 1px solid #eee;
	border-top: 4px solid #bbb;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff
}

.tl_work li:hover {
	border-color: #777;
	border-top-color: #888;
}

.tl_work li:first-child {
	margin-top: 0
}

.tl_work li.co_hot {
	display: block;
	width: 100%;
	height: 100px;
	background: url(/img/gw8/img_handy.gif) 50% 50% no-repeat;
	padding: 0;
	border: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.tl_work h2 {
	display: block;
	float: left;
	position: relative;
	height: 16px;
	margin-top: 0px;
	font-weight: bold;
	font-size: 13px;
	font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;
	color: #777
}
/*
.tl_work h2 span.board_h{width:100px;margin-left:5px;font-size:12px;font-weight:normal}
*/
.tl_work h2 span.bar_h {
	display: block;
	position: absolute;
	top: -9px;
	height: 4px;
	font-size: 0;
	line-height: 0
}

.box_inner {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 5px
}

.title {
	display: block;
	width: 100%;
	height: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
	cursor: pointer
}

.contents {
	display: block;
	clear: both;
	width: 100%;
	line-height: 135%;
	overflow: hidden;
	margin-top: 5px;
	text-align: justify
}

.info_btn {
	position: relative;
	overflow: hidden;
	top: 0px;
	right: -5px;
	height: 16px;
	margin-left: 60px;
	margin-bottom: 10px;
	padding-right: 105px;
	line-height: 18px;
	text-align: right
}

.info_btn a:hover {
	text-decoration: underline
}

.writer {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #777;
	text-align: right
}

.flux_time {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 50px;
	float: left;
	width: 55px;
	font-size: 11px;
	color: #999
}

.btn_mini {
	position: absolute;
	top: 0;
	right: 0;
	float: left;
	width: 50px
}

.btn_mini a {
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	border: 1px solid #aaa;
	margin-left: -1px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	background-color: #fafafa;
	z-index: 990
}

.btn_mini a img {
	
}

.btn_mini a:hover {
	background-color: #ddd;
	border-color: #bbb;
	z-index: 999
}
/*
.seal_yel{display:block;position:absolute;top:-1px;right:-1px;width:32px;height:39px;background:url(/img/main/img_piece_yel.jpg) 0 0 no-repeat}
*/
/*
.box_mail{height:90px}
.box_mail h2{color:#ffc425}*/
.box_mail h2 span.bar_h {
	display: block;
	position: absolute;
	height: 0px;
	width: 50px;
	left: -10px;
	border-top: 4px solid #ffc425;
	-moz-border-radius: 4px;
	border-radius: 4px 0 0 0;
	background-color: #ffc425;
	font-size: 0;
	line-height: 0
}
/*
.box_board{height:90px;}
.box_board h2{color:#009ed6}*/
.box_board h2 span.bar_h {
	width: 50px;
	left: 42px;
	background-color: #009ed6
}

.box_board .board_h {
	clear: both;
	margin-left: 5px;
	margin-bottom: 4px;
	color: #333
}
/*
.box_worknet{height:62px;}
.box_worknet h2{color:#ee772d}*/
.box_worknet h2 span.bar_h {
	width: 50px;
	left: 94px;
	background-color: #ee772d
}

.box_worknet .contents {
	
}
/*
.box_approval{height:62px;}
.box_approval h2{color:#d1452e}*/
.box_approval h2 span.bar_h {
	width: 50px;
	left: 146px;
	background-color: #d1452e
}

.box_approval .contents {
	
}

.tl_work li.more_bar {
	border-top: 2px solid #C7D0E7;
	padding: 0 0 0 40px;
	background-color: #f0f1f6;
	background-image: url('/img/main/btn_next_icon.gif');
	background-repeat: no-repeat;
	background-position: 20px 7px;
}

.more_bar a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 25px;
	text-align: left;
	line-height: 25px;
}

.tl_network_box {
	display: inline-block;
	float: left;
	width: 50%
}

.tl_network {
	margin-left: 10px;
	background-color: #CCCCCC
}

/***** Communicator *****/

/* Owner info */
.owner_info {
	float: left;
	overflow: hidden;
	width: 135px;
	height: 48px;
	margin-top: 5px;
	padding-right: 5px;
}

.owner_info span {
	display: block;
	overflow: hidden;
	width: 100%;
	line-height: 24px;
	white-space: nowrap;
	text-overflow: ellipsis
}

.owner_info select {
	width: 100%;
	height: 22px;
}

/* 로그아웃&환경설정 버튼 */
.gnb {
	float: right;
	width: auto;
	margin-top: 5px;
}

.gnb li {
	clear: both
}

.gnb li a {
	display: block;
	width: 52px;
	height: 20px;
	overflow: hidden;
	border: 1px solid #999;
	color: #fff;
	background-color: #999;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center
}

.gnb li a.config {
	
}

.gnb li a.logout {
	margin-top: 3px
}

.gnb li a img {
	margin-top: 2px
}

.gnb li a .text {
	line-height: 22px;
	display: none
}

.gnb li a:hover .text {
	display: block
}

.gnb li a:hover .image {
	display: none
}

.communicator h2 {
	height: 26px;
	margin-left: 5px;
	font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;
	font-size: 15px
}

.communicator h2 a {
	display: block;
	width: 100%;
	height: 16px;
	padding: 5px 0;
	background: url(../images/main/arr_acco_single.gif) no-repeat;
	color: #555
}

/* Search */
.srch_coworker {
	position: relative;
	height: 28px;
	width: 190px;
	padding: 4px 5px;
	border-top: 2px solid #555;
	background: url(../images/main/bg_srch.gif) 5px 4px no-repeat;
	z-index: 1
}

.srch_coworker:after {
	display: block;
	clear: both;
	content: ''
}

.srch_coworker .input_txt {
	width: 156px;
	height: 24px;
	padding: 3px 0 1px 0;
	margin-left: 7px;
	line-height: 24px;
	border: 0;
	background: url(../images/main/bg_srch.gif) -7px 0 no-repeat;
	outline: none
}
/*.srch_coworker a.srch_btn{display:block;float:left;width:58px;height:23px;margin-left:-1px;border:1px solid #ccc;background-color:#ccc;line-height:23px;text-align:center}*/
.srch_coworker ul {
	position: absolute;
	top: 28px;
	left: 5px;
	width: 190px;
	height: auto;
	padding-top: 4px;
	border-bottom: 1px solid #ccc;
	background: url(../images/main/bg_srch_lst.gif) 0 0 no-repeat #fff
}

.srch_coworker li a {
	display: block;
	padding: 5px;
	padding-bottom: 3px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc
}

.srch_coworker li a:hover {
	background-color: #eee
}

/* Search result(user) */
.rslt_user {
	float: left;
	width: 100%;
	border-top: 1px solid #555;
	background-color: #e5e5e5
}

.rslt_user:after {
	display: block;
	clear: both;
	content: ''
}

.rslt_user h2 {
	display: block;
	width: 165px;
	height: 14px;
	padding: 6px 0;
	padding-right: 30px;
	position: relative
}

.rslt_user .rslt_clse {
	position: absolute;
	top: 0px;
	right: 0;
	width: 30px;
	height: 26px;
	padding: 0;
	background: url(../images/main/bul_rslt_clse.gif) 50% 0 no-repeat
}

.rslt_user .rslt_clse:hover {
	background-position: 50% 100%
}

/* My favorite coworker */
.myceleb {
	float: left;
	width: 100%;
	border-top: 2px solid #555
}

.myceleb:after {
	display: block;
	clear: both;
	content: ''
}

.myceleb h2 {
	display: block;
	width: 165px;
	height: 14px;
	padding: 6px 0;
	padding-right: 30px;
	position: relative
}

.myceleb .celeb_config {
	position: absolute;
	top: 0px;
	right: 0;
	width: 30px;
	height: 26px;
	padding: 0;
	background: url(../images/main/ico_celeb_config.gif) 50% 0% no-repeat
}

.myceleb .celeb_config:hover {
	background-color: #eee;
	background-position: 50% 100%
}

/* My team */
.myteam_open {
	float: left;
	width: 100%;
	border-top: 2px solid #555
}

.myteam_clse {
	float: left;
	width: 100%;
	border-top: 2px solid #555
}

.myteam_open .acco_arr {
	background-position: 100% 0%
}

.myteam_clse .acco_arr {
	background-position: 100% 100%
}

/* organization */
.orgnz_open {
	float: left;
	width: 100%;
	height: 528;
	border-top: 2px solid #555;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc
}

.orgnz_clse {
	float: left;
	width: 100%;
	border-top: 2px solid #555;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc
}

.orgnz_open .acco_arr {
	background-position: 100% 0%
}

.orgnz_clse .acco_arr {
	background-position: 100% 100%
}

.lst_wrap {
	display: block;
	width: 100%;
	border-top: 1px solid #ccc
}

.lst_wrap:after {
	display: block;
	clear: both;
	content: ''
}

.lst_wrap .lst_wrap_1st {
	padding: 0 2px
}

.lst_wrap .lst_wrap_1st li {
	clear: both;
	border-top: 1px dotted #ccc
}

.lst_wrap .picz_lst {
	padding: 0 5px 2px 6px
}

.lst_wrap .picz_lst li {
	clear: none;
	border: 0
}

/* depth 들여쓰기 */
.depth {
	display: block;
	float: left;
	position: relative;
	width: 100%
}

.depth_open {
	display: block;
	position: relative;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 30px;
	font-size: 13px;
	line-height: 25px;
	background: url(../images/main/arr_acco_open.gif) 5px 50% no-repeat;
	white-space: nowrap;
	text-overflow: ellipsis
}

.depth_clse {
	display: block;
	position: relative;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 30px;
	font-size: 13px;
	line-height: 25px;
	background: url(../images/main/arr_acco_clse.gif) 5px 50% no-repeat;
	white-space: nowrap;
	text-overflow: ellipsis
}

.depth .depth a.depth_open {
	padding-left: 28px;
	background-position: 13px 50%
}

.depth .depth a.depth_clse {
	padding-left: 28px;
	background-position: 13px 50%
}

.depth .depth .depth a.depth_open {
	padding-left: 38px;
	background-position: 23px 50%
}

.depth .depth .depth a.depth_clse {
	padding-left: 38px;
	background-position: 23px 50%
}

.depth .depth .depth .depth a.depth_open {
	padding-left: 48px;
	background-position: 33px 50%
}

.depth .depth .depth .depth a.depth_clse {
	padding-left: 48px;
	background-position: 33px 50%
}

.depth .depth .depth .depth .depth a.depth_open {
	padding-left: 58px;
	background-position: 43px 50%
}

.depth .depth .depth .depth .depth a.depth_clse {
	padding-left: 58px;
	background-position: 43px 50%
}

.depth .depth .depth .depth .depth .depth a.depth_open {
	padding-left: 68px;
	background-position: 53px 50%
}

.depth .depth .depth .depth .depth .depth a.depth_clse {
	padding-left: 68px;
	background-position: 53px 50%
}

.depth .depth .depth .depth .depth .depth .depth a.depth_open {
	padding-left: 78px;
	background-position: 63px 50%
}

.depth .depth .depth .depth .depth .depth .depth a.depth_clse {
	padding-left: 78px;
	background-position: 63px 50%
}

.depth .depth .depth .depth .depth .depth .depth .depth a.depth_open {
	padding-left: 88px;
	background-position: 73px 50%
}

.depth .depth .depth .depth .depth .depth .depth .depth a.depth_clse {
	padding-left: 88px;
	background-position: 73px 50%
}

.depth .depth .depth .depth .depth .depth .depth .depth .depth a.depth_open
	{
	padding-left: 98px;
	background-position: 83px 50%
}

.depth .depth .depth .depth .depth .depth .depth .depth .depth a.depth_clse
	{
	padding-left: 98px;
	background-position: 83px 50%
}

.depth .depth .depth .depth .depth .depth .depth .depth .depth .depth a.depth_open
	{
	padding-left: 108px;
	background-position: 93px 50%
}

.depth .depth .depth .depth .depth .depth .depth .depth .depth .depth a.depth_clse
	{
	padding-left: 108px;
	background-position: 93px 50%
}

/* 그룹상세보기 버튼 */
.depth .group_info {
	position: absolute;
	top: 0;
	right: 500px;
	float: right;
	width: 28px;
	height: 25px;
	padding: 0;
	background: url(../images/main/ico_info_group.gif) 5px 0 no-repeat
}

.depth .group_info:hover {
	background-color: #eee;
	background-position: 5px 100%
}

.depth .h_group:hover .group_info {
	right: 2px
}

.depth .depth .h_group:hover .group_info {
	right: 0px
}

/* SMS 버튼 */
.depth .sms_info {
	position: absolute;
	top: 0;
	right: 500px;
	float: right;
	width: 28px;
	height: 25px;
	padding: 0;
	background: url(../images/main/ico_info_sms.gif) 5px 0 no-repeat;
	display: none
}

.depth .sms_info:hover {
	background-color: #eee;
	background-position: 5px 100%
}

.depth .h_group:hover .sms_info {
	right: 2px
}

.depth .depth .h_group:hover .sms_info {
	right: 0px
}

/* SMS 버튼 for Org */
.depth .sms_org {
	position: absolute;
	top: 0;
	right: 500px;
	float: right;
	width: 28px;
	height: 25px;
	padding: 0;
	background: url(../images/main/ico_info_sms.gif) 5px 0 no-repeat;
	display: none
}

.depth .sms_org:hover {
	background-color: #eee;
	background-position: 5px 100%
}

.depth .h_group:hover .sms_org {
	right: 30px
}

.depth .depth .h_group:hover .sms_org {
	right: 28px
}

/* Photo list */
.picz_lst {
	float: left;
	width: 185px;
	padding-left: 8px;
	padding-right: 7px;
	padding-bottom: 2px
}

.picz_lst li {
	float: left;
	width: 35px;
	margin-right: 2px
}

.picz_lst li a {
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	width: 35px;
	height: 12px;
	font-size: 11px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-image: none;
	color: #777;
	margin-bottom: 4px
}

.picz_lst li a.pic {
	display: block;
	overflow: hidden;
	width: 35px;
	height: 35px;
	margin-bottom: 2px;
	background: url(../images/main/thmb_nopic.gif) 0 0 no-repeat
}

.picz_lst li a.absent {
	color: #aaa;
}

#acco_arr {
	position: absolute;
	top: 38px;
	left: 204px;
}

#acco_arr a {
	background: url(../images/main/arr_snb_hide.gif) no-repeat;
	width: 11px;
	height: 58px;
	display: inline-block;
}

#acco_arr a.cal_open {
	background-position: 100% 100%;
}

#acco_arr a.cal_clse {
	background-position: 0% 100%;
}

#acco_arr a:hover.cal_open {
	background-position: 100% 0%;
}

#acco_arr a:hover.cal_clse {
	background-position: 0% 0%;
}

/*** div 셰도우
filter: progid:DXImageTransform.Microsoft.Shadow(color=#adadad, Direction=135, Strength=6);/* IE
-webkit-box-shadow: 3px 3px 6px #adadad;/* Safari and Chrome
-moz-box-shadow: 3px 3px 6px #adadad;/* Firefox
box-shadow: 3px 3px 6px #adadad;/* CSS3
filter: progid:DXImageTransform.Microsoft.Shadow(color=#adadad, Direction=135, Strength=6);/* IE
***/
/*** 툴팁
.picz_lst li .tooltip{display:block;positon:absolute;top:1em;left:2em;background-color:#00CCFF}


.picz_lst li a.pic{display:block;overflow:hidden;width:35px;height:35px;background-color:#eee}
span.tooltip{position: absolute;height: 11px;line-height: 11px ;padding:2px 3px;font-size: 11px;text-align: center;color: rgb(85, 85, 85);background: rgb(255, 255, 255);border: 1px solid rgb(85, 85, 85);box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);z-index:1}

span.tooltip:after{content: "";position: absolute;width: 0;height: 0;border-width: ;border-style: ;border-color: transparent transparent transparent transparent;top: ;left: }

***/

/* weekly Schedule */
#weekly {
	border: 1px solid #ccc;
}

table.week_header {
	width: 100%;
	height: 22px;
	margin: 0;
	text-align: left
}

table.week_header td {
	width: 14.3%;
	border-left: 1px solid #ccc;
	background-color: #eee
}

table.week_header td:first-child {
	border: 0px
}

table.week_header td.sun {
	color: #FF0000
}

table.week_header td.sat {
	color: #0066ff
}

table.week_header td span {
	margin-left: 2px
}

table.week_header td a {
	color: #FF0000
}

div.week_event {
	height: 100%;
	overflow: hidden;
	width: 100%;
	position: relative
}

div.week_event table {
	width: 100%;
	table-layout: fixed;
	border-top: 1px solid #ccc
}

div.week_event table td {
	height: 155px;
	border-left: 1px solid #ccc;
}

div.week_event table td:first-child {
	border: 0px
}

div.week_event table td:hover {
	background-color: #eee
}

div.week_event table td div {
	height: 155px
}

div.week_event table td div div {
	height: 100%
}

div.week_event table td div div div {
	height: 16px;
	color: #fff
}

div.week_event table td div div div:hover {
	color: #fff;
	cursor: pointer
}

div.week_event table td div div div ul {
	margin: 0;
	padding: 0
}

div.week_event table td div div div ul li {
	margin: 0;
	list-style: none
}

div.week_event table td .month_cell {
	display: block;
	height: 100%
}

div.week_event table td.today .month_cell {
	border: 1px solid #FF6600;
	display: block;
	height: 155px
}

div.week_event table td.today span {
	color: #FF6600
}

div.week_event div div {
	cursor: pointer;
	height: 16px;
}

.event_week_layer {
	position: absolute;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-top: 3px;
	text-indent: 2px;
	height: 17px
}

/* 공휴일, 기념일(일간,주간)*/
.lon {
	background: #66CCCC url(/hscalendar/images/daylongBg.gif) no-repeat left
		top;
}

.lon span {
	background: url(/hscalendar/images/daylongBg.gif) no-repeat right -24px;
	padding: 0 5px 0 7px;
}

.lonLeft {
	background: #66CCCC url(/hscalendar/images/daylongBg.gif) no-repeat left
		bottom;
}

.lonLeft span {
	background: url(/hscalendar/images/daylongBg.gif) no-repeat right -24px;
	text-indent: 15px;
}

.lonRight {
	background: #66CCCC url(/hscalendar/images/daylongBg.gif) no-repeat left
		top;
}

.lonRight span {
	background: url(/hscalendar/images/daylongBg.gif) no-repeat right -49px;
	padding: 0 13px 0;
}

.lonBoth {
	background: #66CCCC url(/hscalendar/images/daylongBg.gif) no-repeat left
		bottom;
}

.lonBoth span {
	background: url(/hscalendar/images/daylongBg.gif) no-repeat right -49px;
	text-indent: 13px;
	padding: 0 13px 0 0;
}

.lon span img,.lonLeft span img,.lonRight span img,.lonBoth span img {
	padding: 0;
	float: left;
}

.lon,.lonLeft,.lonRight,.lonBoth {
	height: 16px;
	margin: 2px 0;
}

.lon span,.lonLeft span,.lonRight span,.lonBoth span {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 16px;
	display: block;
	color: #fff;
	margin: 0;
	font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;
	line-height: 1.3;
	word-break: break-all;
}

/* popup eventall (이벤트모두보기 팝업) */
.p_eventall {
	width: 210px;
	padding-bottom: 5px;
	background: url(/hscalendar/images/eventallBg.gif) repeat-y left bottom;
}

.p_eventall {
	position: absolute;
	z-index: 1000;
}

.p_eventlist {
	height: 32px;
	margin: 0;
	padding: 10px 0 0 30px;
	background: url(/hscalendar/images/eventallBg.gif) no-repeat left top;
	font-size: 12px !important;
}

.allevent_page {
	float: right;
	padding-right: 10px;
	font-size: 11px !important;
}

div.allevent {
	padding: 0;
	margin: -8px 10px 10px 10px;
	overflow: auto;
	overflow-x: hidden;
}

div.allevent div {
	border: none;
}

div.allevent div span {
	cursor: pointer;
	font-size: 11px !important;
	overflow: hidden;
	font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;
	line-height: 1.5;
}

.star {;
	padding: 0 0 0 16px;
}

.allevent .ddaybox {
	height: 17px;
	color: #fff;
	background: #f68103 url(/hscalendar/images/daylongBg.gif) left top
		no-repeat;
	border: none;
	margin-bottom: 1px;
}

.allevent .ddaybox span {
	display: block;
	height: 21px;
	color: #fff !important;
	background: url(/hscalendar/images/daylongBg.gif) right -24px no-repeat;
	padding: 0 0 0 8px;
	line-height: 1.8;
}

.allevent .ddaybox span img {
	padding: 3px;
	float: left;
}

div.nolon {
	width: 180px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.nolon div span {
	cursor: pointer;
	font-size: 11px !important;
	overflow: hidden;
	text-indent: 5px;
	font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;
	line-height: 1.5;
}

span.p_title {
	height: 22px;
	float: left
}

span.p_close {
	float: right;
	padding: 0 13px 0 0
}

.eventbar {
	width: 100%;
	height: 20px;
	margin: 0 0 2px 0;
	padding: 4px 0 0 0;
}

a.pop_eventall {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.pop_task {
	position: absolute;
}
/* Popup schedule */
.pop_schdl_warp {
	width: 280px;
	height: 160px;
	background: url(/img/gw8/bg_title.gif) repeat-x top;
	border: 2px solid #354971;
	background-color: #fff;
	display: block;
	position: absolute;
}
.pop_schdl_warp h1 p {
	height: 35px;
	padding: 0 25px;
	overflow: hidden;
	background: url(/img/gw8/bul_pop_title.gif) no-repeat 12px 12px;
	font-family: ng_b;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	line-height: 33px
}
.pop_schdl_contents li {
	margin: 8px 0 0 8px;
	height: 13px;
	line-height: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.pop_schdl_btn.poplay {
	margin-top: 8px;
	float: right;
	padding-right: 2px;
}
.pop_schdl_btn .btns a {
	display: block;
	position: relative;
	float: left;
	height: 24px;
	padding-left: 10px;
	padding-right: 8px;
	font-size: 12px;
	color: #222;
	line-height: 26px;
	background: url(/img/gw8/btn_basic.gif) 0 0 no-repeat;
}
.pop_schdl_btn .btns span img {
	float: left;
	margin: 6px 2px 0 -2px;
}
.pop_schdl_btn .btns a:hover {
	text-decoration: none;
	background-position: 0 -48px;
}
.pop_schdl_btn .btns span:hover {
	background-position: 100% -48px;
}
.pop_schdl_btn .btns span:hover a {
	background-position: 0 -48px;
}
.pop_schdl_btn .btns span:active {
	background-position: 100% -24px;
}
.pop_schdl_btn .btns span:active a {
	background-position: 0% -24px;
}
.pop_schdl_btn .btns span a:active {
	background-position: 0 -24px;
}
.pop_schdl_btn .btns a:active {
	background-position: 0 -24px;
}